﻿<html>
	<head>
		<style>
		*{display:block;}
		td{text-align:center;background-color:#FF6600;color:#FFFFFF;}
		td.inner{background-color:#FF6600;}
		.over{background-color:#999999 !important;color:#000000 !important;}
		.title{width:1000px;height:130px;font-size:80px;}
		</style>
		
		<script>
		function over(ele)
		{
			ele.className+=" over";
		}
		
		function out(ele)
		{
			ele.className=ele.className.replace(/\sover/,"");
		}
		</script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body>
		<table><tr>
		<td class="title">ubuntu</td>
		</tr></table>
		by cyf &amp; wrk
		<table>
		<tr>
		
		<a href="test1.html"><td class="inner" width="130" height="130" onMouseOver="over(this)" onMouseOut="out(this)">
		130x130
		</td></a>
		
		<a href="test2.html"><td class="inner" width="260" height="130" onMouseOver="over(this)" onMouseOut="out(this)">
		130x260
		</td></a>
		
		</tr>
		</table>
	</body>
</html>
